<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport"
    content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>

<body>
  <script>
    // 1. 随机数Promise
    function randomPro() {
      return new Promise((resolve, reject) => {
        // 延迟 1s
        setTimeout(() => {
          // 随机数
          // Math.random() 0-1的小数
          // * 100 控制范围
          // parseInt 转整数
          const num = parseInt(Math.random() * 100)
          if (num > 0 && num < 50) {
            resolve('成功啦:' + num)
          } else if (num >= 50 && num <= 100) {
            reject('失败啦:' + num)
          }
        }, 1000)
      })
    }
    // then的第二个参数会在失败的时候触发（只要你写了）
    // then的第二个参数就和catch都写了的时候，会优先触发then的第二个参数
    randomPro()
      .then(
        (res) => {
          console.log(res)
        },
        (err1) => {
          console.log('err1', err1)
        }
      )
      .catch((err) => {
        console.log(err)
      })
  </script>
</body>

</html>